import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/**
 * 固定结构
 * 横向列表
 */
class MyApp6 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: Text("list view widget"),
          ),
          body: Center(
            child: Container(
              height: 200.0,
              child: MyList(),
            ),
          )),
    );
  }
}

class MyList extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return ListView(
      //  ListView组件的scrollDirection属性只有两个值，一个是横向滚动，一个是纵向滚动。默认的就是垂直滚动，所以如果是垂直滚动，我们一般都不进行设置。
      //  Axis.horizontal:横向滚动或者叫水平方向滚动。
      //  Axis.vertical:纵向滚动或者叫垂直方向滚动。
      scrollDirection: Axis.horizontal,
      children: <Widget>[
        new Container(
          width:180.0,
          color: Colors.lightBlue,
        ), new Container(
          width:180.0,
          color: Colors.amber,
        ), new Container(
          width:180.0,
          color: Colors.deepOrange,
        ),new Container(
          width:180.0,
          color: Colors.deepPurpleAccent,
        ),
      ],
    );
  }
}
